<!DOCTYPE html>
<html lang="en" class="tut">
    <head>
        <meta charset="UTF-8" />
        <title>Blue House Realty</title>
        <!-- <link href='http://fonts.googleapis.com/css?family=Droid+Serif|Molengo' rel='stylesheet' type='text/css'> -->
        <style type="text/css">
            /**
             * Original von Google Font API
             * Molengo lizensiert unter SIL Open Font License, 1.1
             * Droid Serif lizensiert unter Apache License, version 2.0
             * In andere Formate konvertiert durch Font Squirrel (http://www.fontsquirrel.com)
            */

            @font-face {
                font-family: 'Molengo';
                src: url('molengo-regular-webfont.eot');
                src: local('☺'),
                    url('fonts/molengo-regular-webfont.woff') format('woff'),
                    url('fonts/molengo-regular-webfont.ttf') format('truetype'),
                    url('fonts/molengo-regular-webfont.svg#webfontN1dDPhwW') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'Droid Serif';
                src: url('fonts/droidserif-webfont.eot');
                src: local('☺'),
                    url('fonts/droidserif-webfont.woff') format('woff'),
                    url('fonts/droidserif-webfont.ttf') format('truetype'),
                    url('fonts/droidserif-webfont.svg#webfontvVM6Ya0A') format('svg');
                font-weight: normal;
                font-style: normal;
            }


        </style>
        <!--[if IE]>
            <script type="text/javascript" src="js-files/explorercanvas.js"></script>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="js-files/tutScript.min.js" type="text/javascript"></script>
      
    </head>
    <body>
    <header>
        <div id="spinning-house" class="tut">
        irgend ein cooles bild
        </div>
        <hgroup>
            <h1>doubleSlash App</h1>
            <h2>Dies ist eine App um html 5 zu testen</h2>
        </hgroup>
    </header>
    
    <div class="seperate space-top">
        <article class="maps border-radius info-box gray-border gray-gradient">
            <div class="border-top-radius"></div>
            <p>
                You want to visit and talk to us? No problem! The next office is
            <mark>right round the corner</mark>. If your browser is able to detect your
            position, it will show a route to your closest Blue House Realty
            Office.
            </p>
        </article>
    </div>
    
    <section id="customer-opinions" class="seperate space-top">

        <p>
        </p>
        <footer>
            Erstellt am: <time datetime="2011-05-10" pubdate>10. Mai 2011</time>
        </footer>
    </section>
    <footer class="seperate space-top gray-border gray-gradient border-top-radius border-box">
        <p>
            Schluss zeile
        </p>
    </footer>
    <script src="js-files/modernizr.js" type="text/javascript"></script>
    <script src="js-files/gears_init.js" type="text/javascript"></script>
    <script src="js-files/geo.js" type="text/javascript"></script>
    <script type="text/javascript" src="js-files/sizzle.js"></script>
    <script type="text/javascript">
               
        (function() {
        

            // Geolocation, localStorage

            tut.maps.canvas(document.querySelector(".maps > div"));
            tut.maps.originalStation = 'paris';

            var store = window.localStorage;
            if(store.lat && store.lng && ((new Date()).getTime() - store.timeOfRetrieval) < (60*60*1000)) {
                log("Position aus localStorage auslesen");
                log(tut.maps.route());
            } else if(geo_position_js.init()) {
                log("Position per Geolocation ermittelt");
                geo_position_js.getCurrentPosition(geoCallback, geoErrorCallback, {
                    enableHighAccuracy: false,
                    timeout: 120000,
                    maximumAge: 600000
                });
            }

            function geoCallback(position) {
                log("Position wurde ermittelt");
                var c = position.coords;
                store.lat = c.latitude;
                store.lng = c.longitude;
                store.timeOfRetrieval = (new Date()).getTime();

                log(tut.maps.route(c.latitude, c.longitude));
            }

            function geoErrorCallback(error) {
                // Error
                alert(error.message);
                if(error.code == error.TIMEOUT) {
                    store.lat = tut.uni[0];
                    store.lng = tut.uni[1];
                    store.timeOfRetrieval = (new Date()).getTime();

                    log(tut.maps.route());
                }
            }

        })();
    </script>
</body>
</html>